<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.6.0.min.js"></script>
		<style>
			.wrapper{
				width: 100vw;
				height: 100vh;
				background-color:aquamarine;
			}
			.wrapper .content{
				width: 100vw;
				height: 90vh;
				background-color:white;
				font-size: 100px;
			}
			.wrapper .tab-wrapper{
				width: 100vw;
				height: 10vh;
				background-color: rgb(212, 212, 212);
			}
			.wrapper .tab-wrapper .tab1{
				width: 25vw;
				height: 10vh;
				float: left;
				display: flex;
				justify-content: center;
				align-items: center;
				margin-right: 49vw; 
			}
			.wrapper .tab-wrapper .tab2{
				width: 25vw;
				height: 10vh;
				float: left;
				display: flex;
				justify-content: center;
				align-items: center; 
			}
			.wrapper .tab-wrapper .tab1 .logo{
				width: 15vw;
				height: 8vh;
			}
			.wrapper .tab-wrapper .tab2 .logo{
				width: 15vw;
				height: 9vh;
			}
			/* div{
				border :solid     1px  red;
			}  */
			.wrapper .content .news-container{
				height: 100%;
				
			}
			.wrapper .content .user-container{
				height: 100%;
			}
			</style>
	</head>
	<body>
		<div class="wrapper">
			<div class="content">
				<div class="news-container" id="newsContainer">
					新闻
				</div>
				<div class="user-container" id="userContainer">
					我的
				</div>
			</div>
			<div class="tab-wrapper">
				<div class="tab1" id="tabLogo">
					<img src="../img/new.png" class="logo" id="tabLogo">
				</div>
				<div class="tab2" id="tabUser">
					<img src="../img/my.png" class="logo" id="tabUser">
				</div>
			</div>
		</div>
	</body>
	<script src="js/content.js"></script>
	<!-- <script>
		window.onload = function(){
			$("#tabLogo").click( function () {
				$('#newsContainer').show()
				$('#userContainer').hide()
			});
			
			$("#tabUser").click( function () {
				$('#userContainer').show()
				$('#newsContainer').hide()
			});
		};
	</script> -->
	</html>
	